<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>成语解释</title>
    <style>
        body {
            font-family: Arial, sans-serif;
            margin: 20px;
        }
        h1 {
            text-align: center;
        }
        ul {
            column-count: 2; /* 两列布局 */
            list-style-type: none;
            padding: 0;
        }
        li {
            margin-bottom: 10px;
        }
        a {
            text-decoration: none;
            color: blue;
        }
        a:hover {
            text-decoration: underline;
        }
        .entry {
            margin-top: 20px;
            padding: 10px;
            border: 1px solid #ccc;
        }
    </style>
</head>
<body>
    <h1>成语解释</h1>
    <ul>
        <li><a href=" ">精卫填海</a ></li>
        <li><a href="#sihai">四海一家</a ></li>
        <li><a href="#haishen">海市蜃楼</a ></li>
        <li><a href="#chuanzhen">穿针引线</a ></li>
        <li><a href="#gaoshan">高山流水</a ></li>
        <li><a href="#wuyou">无忧无虑</a ></li>
        <li><a href="#woxin">卧薪尝胆</a ></li>
        <li><a href="#luodi">落地归根</a ></li>
        <li><a href="#jinzhi">金枝玉叶</a ></li>
        <li><a href="#shipo">石破天惊</a ></li>
    </ul>

    <div id="jingwei" class="entry">
        <h2>精卫填海</h2>
        <p>古代神话。据《山海经·北山经》记载，炎帝的女儿在东海淹死，变为精卫鸟，每天衔西山的木石来填东海，想把东海填平。旧时用以比喻有深仇大恨，积极设法报复。后用以比喻不畏艰难，不达目的，誓不罢休的决心。</p >
    </div>

    <div id="sihai" class="entry">
        <h2>四海一家</h2>
        <p>指天下统一为一家，后用以形容天下大一统的局面或人们团结一心。</p >
    </div>

    <div id="haishen" class="entry">
        <h2>海市蜃楼</h2>
        <p>平静的海面、大江江面、湖面、雪原、沙漠或戈壁等地方，偶尔会在空中或“地下”出现高大楼台、城廓、树木等幻景，称为海市蜃楼。我国山东蓬莱海面上常出现这种幻景，古人归因于蛟龙之属的蜃，吐气而成楼台城廓，因而得名。海市蜃楼是一种光学现象。沙质或石质地表热空气上升，使得光线发生折射作用，于是就产生了海市蜃楼。</p >
    </div>

    <div id="chuanzhen" class="entry">
        <h2>穿针引线</h2>
        <p>原指在男女之间进行撮合，现多比喻从中联系、牵合、拉拢，使双方接通关系。</p >
    </div>

    <div id="gaoshan" class="entry">
        <h2>高山流水</h2>
        <p>比喻知己或知音，也比喻乐曲高妙。</p >
    </div>

    <div id="wuyou" class="entry">
        <h2>无忧无虑</h2>
        <p>没有一点忧愁和顾虑。</p >
    </div>

    <div id="woxin" class="entry">
        <h2>卧薪尝胆</h2>
        <p>形容人刻苦自励，发愤图强。</p >
    </div>

    <div id="luodi" class="entry">
        <h2>落地归根</h2>
        <p>比喻事物总有一定的归宿，多指客居他乡的人终要回到本乡。</p >
    </div>

    <div id="jinzhi" class="entry">
        <h2>金枝玉叶</h2>
        <p>原形容花木枝叶美好，后多指皇族子孙，现也比喻出身高贵或娇嫩柔弱的人。</p >
    </div>

    <div id="shipo" class="entry">
        <h2>石破天惊</h2>
        <p>原形容箜篌的声音，忽而高亢，忽而低沉，出人意外，有难以形容的奇境。后多比喻文章议论新奇惊人。</p >
    </div>


</body>
</html>